<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Mosaddek">
    <meta name="keyword" content="FlatLab, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
    <link rel="shortcut icon" href="img/favicon.png">

    <title>话说社区3.0</title>

    <!-- Bootstrap core CSS -->
    <link href="__CSS__/bootstrap.min.css" rel="stylesheet">
    <link href="__CSS__/theme.css" rel="stylesheet">
    <link href="__CSS__/bootstrap-reset.css" rel="stylesheet">
    <!--external css-->
    <link href="__IMG__/assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
    <link rel="stylesheet" href="__CSS__/flexslider.css"/>
    <link href="__IMG__/assets/bxslider/jquery.bxslider.css" rel="stylesheet" />
    <link href="__IMG__/assets/fancybox/source/jquery.fancybox.css" rel="stylesheet" />
    <link rel="stylesheet" href="__IMG__/assets/revolution_slider/css/rs-style.css" media="screen">
    <link rel="stylesheet" href="__IMG__/assets/revolution_slider/rs-plugin/css/settings.css" media="screen">
    <link rel="stylesheet" type="text/css" href="__IMG__/assets/bootstrap-fileupload/bootstrap-fileupload.css" />
    <link rel="stylesheet" type="text/css" href="__IMG__/assets/bootstrap-wysihtml5/bootstrap-wysihtml5.css" />
    <link rel="stylesheet" type="text/css" href="__IMG__/assets/bootstrap-datepicker/css/datepicker.css" />
    <link rel="stylesheet" type="text/css" href="__IMG__/assets/bootstrap-timepicker/compiled/timepicker.css" />
    <link rel="stylesheet" type="text/css" href="__IMG__/assets/bootstrap-colorpicker/css/colorpicker.css" />
    <link rel="stylesheet" type="text/css" href="__IMG__/assets/bootstrap-daterangepicker/daterangepicker-bs3.css" />
    <link rel="stylesheet" type="text/css" href="__IMG__/assets/bootstrap-datetimepicker/css/datetimepicker.css" />
    <link rel="stylesheet" type="text/css" href="__IMG__/assets/jquery-multi-select/css/multi-select.css" />
    <!-- Custom styles for this template -->
    <link href="__CSS__/style.css" rel="stylesheet">
    <link href="__CSS__/style-responsive.css" rel="stylesheet" />

    
     
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 tooltipss and media queries -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>
    <!--header start-->
    <header class="header-frontend">
        <div class="navbar navbar-default navbar-static-top">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="__ROOT__"><img src="__IMG__/img/logo2.png"></a>
                </div>
                <div class="navbar-collapse collapse ">
                    <ul class="nav navbar-nav">
                        <li><a href="__APP__/index/index">首页</a></li>
                        <li><a href="__APP__/pindao/index">广场</a></li>
                        <li><a href="__APP__/mic/index">动态</a></li>
                        <li><a href="__APP__/aside/index">附近</a></li>
                        <li><a href="__APP__/friend/index">朋友</a></li>
                        <li><a href="__APP__/user/index">帐号</a></li>
                        <li><a href="javascript:;" data-toggle="modal" data-target="#loginto">登陆</a></li>
                        <li><a href="javascript:;" data-toggle="modal" data-target="#myModal">注册</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
    <!--header end-->

    <div class="modal fade" id="loginto" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">用户登陆</h4>
              </div>
              <div class="modal-body">
                <section class="panel">
                  <div class="panel-body">
                      <form action="__APP__/index.php/login/login" class="form-horizontal" role="form" method="post">
                          <div class="form-group">
                              <label for="inputEmail1" class="col-lg-2 col-sm-2 control-label">手机号码</label>
                              <div class="col-lg-10">
                                  <input type="text" name="username" class="form-control" id="inputEmail1" placeholder="">
                                  <p class="help-block">输入11位手机号码或者ID号.</p>
                              </div>
                          </div>
                          <div class="form-group">
                              <label for="inputPassword1" class="col-lg-2 col-sm-2 control-label">设置密码</label>
                              <div class="col-lg-10">
                                  <input type="password" name="password" class="form-control" id="inputPassword1" placeholder="">
                                  <p class="help-block">输入密码.</p>
                              </div>
                          </div>
                          <div class="form-group">
                              <div class="col-lg-offset-2 col-lg-10">
                                  <input type="submit"  id="btn-danger" class="btn btn-danger" value="登陆">
                              </div>
                          </div>
                      </form>
                  </div>
              </section>
            </div>

            </div><!-- /.modal-content -->
          </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">注册新用户</h4>
              </div>
              <div class="modal-body">
                <section class="panel">
                  <div class="panel-body">
                      <form action="__APP__/index.php/login/toreg" class="form-horizontal" role="form" method="post">
                          <div class="form-group">
                              <label for="inputEmail1" class="col-lg-2 col-sm-2 control-label">个性昵称</label>
                              <div class="col-lg-10">
                                  <input type="text" name="username" class="form-control" id="inputEmail1" placeholder="">
                              </div>
                          </div>
                          <div class="form-group">
                              <label for="inputEmail1" class="col-lg-2 col-sm-2 control-label">手机号码</label>
                              <div class="col-lg-10">
                                  <input type="text" name="mob" class="form-control" id="inputEmail1" placeholder="">
                              </div>
                          </div>
                          <div class="form-group">
                              <label for="inputPassword1" class="col-lg-2 col-sm-2 control-label">设置密码</label>
                              <div class="col-lg-10">
                                  <input type="password" name="password" class="form-control" id="inputPassword1" placeholder="">
                              </div>
                          </div>
                          <div class="form-group">
                              <label for="inputPassword1" class="col-lg-2 col-sm-2 control-label">确认密码</label>
                              <div class="col-lg-10">
                                  <input type="password" name="repassword" class="form-control" id="inputPassword1" placeholder="">
                              </div>
                          </div>

                          <div class="form-group">
                              <div class="col-lg-offset-2 col-lg-10">
                                  <button type="submit" id="btn-danger" class="btn btn-danger">注册</button>
                              </div>
                          </div>
                      </form>
                  </div>
              </section>
            </div>

            </div><!-- /.modal-content -->
          </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->

    <div class="wapp">
     <!-- revolution slider start -->
     <div class="container">
        <div class="row">
         <div class="col-lg-8">
              <div class="panel panel-default">
                 <div class="banners">
                       <!-- revolution slider start -->
                     <div class="fullwidthbanner-container main-slider">
                         <div class="fullwidthabnner">
                             <ul id="revolutionul" style="display:none;">
                                 <!-- 1st slide -->
                                 <li data-transition="fade" data-slotamount="8" data-masterspeed="700" data-delay="9400" data-thumb="">
                                     <div class="caption lfl slide_item_left"
                                          data-x="10"
                                          data-y="70"
                                          data-speed="400"
                                          data-start="1500"
                                          data-easing="easeOutBack">
                                         <img src="__IMG__/img/banner/ban2.png" alt="Image 1">
                                     </div>
                                 </li>

                                 <!-- 2nd slide  -->
                                 <li data-transition="fade" data-slotamount="8" data-masterspeed="700" data-delay="9400" data-thumb="">
                                     <!-- THE MAIN IMAGE IN THE FIRST SLIDE -->
                                     <img src="__IMG__/img/banner/banner_bg.jpg" alt="">
                                     <div class="caption lft start"
                                          data-x="640"
                                          data-y="55"
                                          data-speed="400"
                                          data-start="2000"
                                          data-easing="easeOutBack"  >
                                         <img src="__IMG__/img/banner/man.png" alt="man">
                                     </div>
                                     <div class="caption lft slide_item_right"
                                          data-x="330"
                                          data-y="20"
                                          data-speed="500"
                                          data-start="5000"
                                          data-easing="easeOutBack">
                                         <img src="__IMG__/img/banner/test_man.png" id="rev-hint2" alt="txt img">
                                     </div>

                                 </li>

                                 <!-- 3rd slide  -->
                                 <li data-transition="fade" data-slotamount="7" data-masterspeed="300" data-delay="9400" data-thumb="">
                                     <img src="__IMG__/img/banner/red-bg.jpg" alt="">
                                     <div class="caption lfl slide_item_right"
                                          data-x="10"
                                          data-y="105"
                                          data-speed="1200"
                                          data-start="1500"
                                          data-easing="easeOutBack">
                                         <img src="__IMG__/img/banner/imac.png" alt="Image 1">
                                     </div>
                                     <div class="caption lfl slide_item_right"
                                          data-x="25"
                                          data-y="345"
                                          data-speed="1200"
                                          data-start="2000"
                                          data-easing="easeOutBack">
                                         <img src="__IMG__/img/banner/tab.png" alt="Image 1">
                                     </div>
                                     <div class="caption lfl slide_item_right"
                                          data-x="200"
                                          data-y="330"
                                          data-speed="1200"
                                          data-start="2500"
                                          data-easing="easeOutBack">
                                         <img src="__IMG__/img/banner/mobile.png" alt="Image 1">
                                     </div>
                                     <div class="caption lfl slide_item_right"
                                          data-x="250"
                                          data-y="230"
                                          data-speed="1200"
                                          data-start="3000"
                                          data-easing="easeOutBack">
                                         <img src="__IMG__/img/banner/laptop.png" alt="Image 1">
                                     </div>
                                     <div class="caption lfl slide_item_right"
                                          data-x="165"
                                          data-y="30"
                                          data-speed="500"
                                          data-start="5000"
                                          data-easing="easeOutBack">
                                         <img src="__IMG__/img/banner/text_imac.png" id="rev-hint1" alt="Image 1">
                                     </div>

                                 </li>

                             </ul>
                            <div class="tp-bannertimer tp-top"></div>
                         </div>
                     </div>
                    <!-- revolution slider end -->
                 </div>
              </div>          

          </div>

         <div class="col-lg-4" id="panel-contact">
         

          <?php if($_SESSION['username']== ''): ?><div class="panel panel-default">
         <div class="panel-body" > 
          <div class="contact-form">
              <form role="form" action="__APP__/index.php/login/login" method="post">
                  <div class="form-group">
                      <label for="name">用户名:</label>
                      <input type="text" name="username" placeholder="" id="name" class="form-control">
                  </div>
                  <div class="form-group">
                      <label for="email">密　码:</label>
                      <input type="password" name="password" placeholder="" id="password" class="form-control">
                  </div>
                  <div class="form-group">
                  <button class="btn btn-danger" id="btn-danger" type="submit">登陆</button>                  
                  </div>
                  <div class="form-group">
                     <button class="btn btn-danger" id="btn-danger" data-toggle="modal" data-target="#myModal" type="submit">注册</button>
                  </div>
                  <div class="form-group">
                      <a href="">忘记密码？</a>
                  </div>                  
              </form>
          </div>
          </div>
        </div>  
          <?php else: ?>
           <aside class="profile-nav alt green-border">
              <section class="panel">
                  <div class="user-heading alt green-bg">
                      <a href="#">
                          <img alt="" src="<?php echo (session('img')); ?>">
                      </a>
                      <h1><?php echo (session('username')); ?></h1>
                      <p>UID:<?php echo (session('phone_uid')); ?></p>
                  </div>

                  <ul class="nav nav-pills nav-stacked">
                      <li><a href="__APP__/index.php/user/img"> <i class="icon-picture"></i> 修改头像</a></li>
                      <li><a href="__APP__/index.php/user/acc"> <i class="icon-user"></i> 修改账号</a></li>
                      <li><a href="__APP__/index.php/user/pass"> <i class="icon-unlock"></i> 修改密码</a></li>
                      <li><a href="__APP__/index.php/login/logout"> <i class="icon-power-off"></i> 退出</a></li>
                  </ul>

              </section>
           </aside><?php endif; ?>
         
        </div>
      </div>
    </div>
    <!--container start-->
    <div class="container">
        <div class="row">
          <div class="col-lg-8">
              <div class="panel panel-default">
                <div class="panel-heading">话说频道</div>
                <div class="panel-body">                  
                    <ul class="list-group">
                      <?php if(is_array($pdlist)): $i = 0; $__LIST__ = $pdlist;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$pd): $mod = ($i % 2 );++$i;?><div class="col-lg-4 col-ms-4">
                        <li class="media">
                          <a class="pull-left" href="#">
                            <img class="media-object" src="<?php echo ($img); ?>id=<?php echo ($pd["img_id"]); ?>&w=140&h=140" alt="<?php echo ($pd["title"]); ?>">
                          </a>
                          <div class="media-body">
                            <h4 class="media-heading"><a href=""><?php echo ($pd["title"]); ?></a></h4>
                            <?php echo ($pd["desc"]); ?>
                          </div>
                        </li>                    
                      </div><?php endforeach; endif; else: echo "" ;endif; ?>
                  </ul>
                </div>
              </div>          

          </div>
          <div class="col-lg-4">
              <div class="panel panel-default">
                <div class="panel-heading">热门话题</div>
                <ul class="list-group">
                <?php if(is_array($hot)): foreach($hot as $key=>$h): ?><li class="list-group-item"><a href=""><?php echo ($h["subject"]); ?></a></li><?php endforeach; endif; ?>
                </ul>
              </div>
          </div>
        </div>

        <div class="row">
          <div class="col-lg-8">
              <div class="panel panel-default">
                <div class="panel-heading">生活频道</div>
                <div class="panel-body">
                  <ul class="list-group">
                      <?php if(is_array($list)): foreach($list as $key=>$volist): ?><div class="col-lg-4 col-ms-4">                          
                          <li class="media">
                            <a class="pull-left" href="#">
                              <img class="media-object" src="<?php echo ($img); ?>id=<?php echo ($volist["img_id"]); ?>&w=140&h=140" alt="<?php echo ($volist["title"]); ?>">
                            </a>
                            <div class="media-body">
                              <h4 class="media-heading"><a href=""><?php echo ($volist["title"]); ?></a></h4>
                              <?php echo ($volist["keyword"]); ?>
                            </div>
                          </li>                    
                        </div><?php endforeach; endif; ?>
                  </ul>
                </div>
              </div>          

          </div>
          <div class="col-lg-4">
              <div class="panel panel-default">
                <div class="panel-heading">最新话题</div>
                <ul class="list-group">
                <?php if(is_array($hot)): foreach($hot as $key=>$h): ?><li class="list-group-item"><a href=""><?php echo ($h["subject"]); ?></a></li><?php endforeach; endif; ?>
                </ul>
              </div>
          </div>
        </div>



    </div>

  </div>
     <!--container end-->

    <!--footer start-->
    <footer class="footer">
      <p>周百通科技有限公司 版权所有 粤ICP备12050978号</p>
    </footer>
    <!--footer end-->

    <!-- js placed at the end of the document so the pages load faster -->
    <script src="__JS__/jquery.js"></script>
    <script src="__JS__/jquery-1.8.3.min.js"></script>
    <script src="__JS__/bootstrap.min.js"></script>
    <script type="text/javascript" src="__JS__/hover-dropdown.js"></script>
    <script defer src="__JS__/jquery.flexslider.js"></script>
    <script type="text/javascript" src="__IMG__/assets/bxslider/jquery.bxslider.js"></script>
    <script type="text/javascript" src="__JS__/jquery.parallax-1.1.3.js"></script>
    <script src="__JS__/jquery.easing.min.js"></script>
    <script src="__JS__/link-hover.js"></script>
    <script src="__IMG__/assets/fancybox/source/jquery.fancybox.pack.js"></script>
    <script type="text/javascript" src="__IMG__/assets/revolution_slider/rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
    <script type="text/javascript" src="__IMG__/assets/revolution_slider/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
    <!--common script for all pages-->
    <script type="text/javascript" src="__IMG__/assets/fuelux/js/spinner.min.js"></script>
    <script type="text/javascript" src="__IMG__/assets/bootstrap-fileupload/bootstrap-fileupload.js"></script>
    <script type="text/javascript" src="__IMG__/assets/bootstrap-fileupload/bootstrap-fileupload.js"></script>
      <script type="text/javascript" src="__IMG__/assets/bootstrap-wysihtml5/wysihtml5-0.3.0.js"></script>
      <script type="text/javascript" src="__IMG__/assets/bootstrap-wysihtml5/bootstrap-wysihtml5.js"></script>
      <script type="text/javascript" src="__IMG__/assets/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
      <script type="text/javascript" src="__IMG__/assets/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>
      <script type="text/javascript" src="__IMG__/assets/bootstrap-daterangepicker/moment.min.js"></script>
      <script type="text/javascript" src="__IMG__/assets/bootstrap-daterangepicker/daterangepicker.js"></script>
      <script type="text/javascript" src="__IMG__/assets/bootstrap-colorpicker/js/bootstrap-colorpicker.js"></script>
      <script type="text/javascript" src="__IMG__/assets/bootstrap-timepicker/js/bootstrap-timepicker.js"></script>
      <script type="text/javascript" src="__IMG__/assets/jquery-multi-select/js/jquery.multi-select.js"></script>
      <script type="text/javascript" src="__IMG__/assets/jquery-multi-select/js/jquery.quicksearch.js"></script>
    <script src="__IMG__/assets/jcrop/js/jquery.Jcrop.min.js"></script>
    <script src="__JS__/common-scripts.js"></script>    
    <script src="__JS__/revulation-slide.js"></script>
    <script src="__JS__/advanced-form-components.js"></script>
    <script>

        RevSlide.initRevolutionSlider();

        $(window).load(function() {
            $('[data-zlname = reverse-effect]').mateHover({
                position: 'y-reverse',
                overlayStyle: 'rolling',
                overlayBg: '#fff',
                overlayOpacity: 0.7,
                overlayEasing: 'easeOutCirc',
                rollingPosition: 'top',
                popupEasing: 'easeOutBack',
                popup2Easing: 'easeOutBack'
            });
        });

        $(window).load(function() {
            $('.flexslider').flexslider({
                animation: "slide",
                start: function(slider) {
                    $('body').removeClass('loading');
                }
            });
        });

        //    fancybox
        jQuery(".fancybox").fancybox();



    </script>

  </body>
</html>